<!--
 * @Descripttion:
 * @version:
 * @Author: ZhangXue
 * @Date: 2021-07-12 09:17:30
 * @LastEditors: ZhangXue
 * @LastEditTime: 2021-07-12 11:10:16
-->
<template>
  <div class="mc-404-box">
    <div class="mc-main-box">
      <p class="mc-404-text">404</p>
      <p class="mc-not-text">抱歉，你访问的页面不存在</p>
      <!--            <el-button type="primary" class="error-return" @click="goBack">返回首页</el-button>-->
    </div>
  </div>
</template>

<script>
export default {
  name: "notFound",
  methods: {
  }
};
</script>

<style scoped lang="less">
  .mc-404-box {
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;

    .mc-main-box {
      width: 970px;
      height: 440px;
      padding-left: 620px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* background: url("@{imgurl}/common/error-404.gif") center no-repeat; */
      text-align: left;

      .mc-404-text {
        color: #5b96fc;
        font-size: 88px;
        margin-top: 160px;
        line-height: 20px;
      }

      .mc-not-text {
        margin-top: 46px;
        color: #717171;
        font-size: 20px;
      }

      .error-return {
        margin-top: 23px;
        width: 95px;
        height: 34px;
        line-height: 10px;
        border-radius: 4px;
        background: #5b95ff;
        color: #fff;
        font-size: 14px;
        border: 0;
      }
    }
  }
</style>
